.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

*, :before, :after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    font-size: 11pt;
    font-family: 'PT Sans', Arial, sans-serif;
}

input::-moz-focus-inner {
    border: 0;
}

html {
    background-color: #2E2E2E;
}


body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


#header {
	background: url(images/header.jpg);
    height: 60px;
    width: 100%;
	position:fixed;
	top:0;
	left:0;
    font-weight: 700;
	border-bottom: 2px solid #185256;
}

#container{
	width: 99%;
	position:fixed;
	top:70px;
    overflow: auto;
    box-shadow: 3px 0 15px -4px #464C52, -3px 0 8px -4px #464C52;
}

#content {
    background-color: #fff;    
    margin: 0 auto;
    min-height:780px;
	padding:10;
}

#rightcorner{
	position:fixed;
	top:5;
	right:5;
	padding:10;
}

.logo {
	position:fixed;
	top:5;
	left:25;
}

nav ul {
	background-color:#185256;  
	width:100%;
    height: 40px;
    margin: 0 auto;
    padding: 0;
	float:left;
}

nav > ul > li {
    display: inline;
    height: 100%;
    float: left;
}

nav a {
    color: #fff;
    display: inline-block;
    width: 120px;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    text-shadow: 1px 1px 0 #185256;
}

nav > ul > li > a {
    border-right: 1px solid #185256;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}



nav a:hover, nav a:active {
    background-color: black;
}

#note {
	margin-left:10;
	background:#FEFF73;
	margin-top: 10;
	position: relative;
	color: #333;
	width: 150;
	padding: 10px;
	font-family: Satisfy;
	font-size: 15;
	box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
	margin-bottom:15px;
}
	 
#note p{
	display: block;
	margin: 10px 0 0 0;
	text-align: right;
	font-size:10;
}

#corner{
	float:right;
}

#corner img{
	width:10px;
	height:10px;
}


#container{
	width:99%;
	height:93.5%;
}


table {
	width:100%;
	border-collapse: collapse;
	color: #333;  
	font-family: Satisfy;
	text-align:top;
	
}

th{
	width:20%;
	font-family:cursive;
}

table td, table th {
  border-left: 1px dotted #333;
 }

table tr td:first-child,table tr th:first-child {
  border-left: 0;
  padding-left:5;
}

table.board tr:nth-child(even) {
    background-color: #EEEEEE;
}

.username{
	font-weight:bold;
	color:#185256;
	text-decoration:none;
}

.reply{
	color:#185256;
	text-decoration:none;
}

.commenttime{
	color: #2E2E2E;
}

.message{
	color: #2E2E2E;
	text-decoration:none;
}
.message :hover{
	text-weight:bold;
}



#comments input[type="text"] {
    width: 75%;
	height: 50px;
}

input[type=submit] {
	padding:5px 15px;
	background:#185256;
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:white;
 }
 
 #desc{
	font-weight:bold;
	color:#185256;
	text-decoration:none;
 }
 
 #signup{
	padding:10;
	font-size:15;
}


#edit{
	width:40%;
}

#edit input[type="text"] {
    width: 55%;
	float: right;
	padding:5;

}

#edit input[type="password"] {
    width: 55%;
	float: right;
	padding:5;
}

#edit input[type="submit"] {
	padding:5px 15px;
	background:#185256;
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:white;
	width:100%;
}



